//  Tooltip 文字提示

.tooltip {
    .tooltip-inner {
        box-shadow: $popover-box-shadow;
    }

    &.tooltip-auto-width {
        .tooltip-inner {
            white-space: nowrap;
            max-width: none;
        }
    }

    @mixin e-tooltip-skin($color, $background) {
        .tooltip-inner {
            color: #{$color};
            background: #{$background};
        }

        &.bs-tooltip-top {
            .arrow::before {
                border-top-color: #{$background};
            }
        }

        &.bs-tooltip-right {
            .arrow::before {
                border-right-color: #{$background};
            }
        }

        &.bs-tooltip-bottom {
            .arrow::before {
                border-bottom-color: #{$background};
            }
        }

        &.bs-tooltip-left {
            .arrow::before {
                border-left-color: #{$background};
            }
        }
    }


    // 深色
    &.tooltip-dark {
        $dark-background: e-get($e-state-colors, dark, base);
        $dark-color: e-get($e-state-colors, dark, inverse);
        @include e-tooltip-skin($dark-color, $dark-background);
    }

    // 品牌色
    &.tooltip-brand {
        $band-background: e-brand-color();
        $band-color: e-brand-color(inverse);
        @include e-tooltip-skin($band-color, $band-background);
    }
}
